<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>SFMP3 Player</title>
        <style type="text/css">
        BODY                             {font-family:Verdana, Geneva, sans-serif;font-size:0.8em}
        .name                             {color:darkred;font-weight:bold}
        table.Help td                    {border:1px solid #ccc}
        table.Help th                     {text-align:left;background-color:#ccc;color:#000;height:30px;border:1px solid darkred}
        kbd,code                        {font-size:12px;color:green;font-weight:bold;}
        pre                                {font-size:12px;color:blue;}
        h2                                {font-family:Tahoma, Geneva, sans-serif;padding-left:5px;}
        h3                                {font-family:Tahoma, Geneva, sans-serif;padding-left:5px;}        
        </style>
    </head>
    <body>
        <div id="body">
            <h2>Simple Flash Mp3 Player Documentation - Plugin</h2>
            <p>The FlexiContent SFMP3Player for joomla is a simple adaptation of the  audio player opensource Simple Flash Mp3 Player (Multi)<br />
            source: <a href="http://flash-mp3-player.net/">http://flash-mp3-player.net/</a></p>
            
            <h3>Minimal Example</h3>
            <p>Here is an example of HTML usage of the player:</p>
    <pre>
    &lt;object type="application/x-shockwave-flash" data="player_mp3_multi.swf" width="200" height="20"&gt;
    &lt;param name="movie" value="player_mp3_multi.swf" /&gt;
    &lt;param name="FlashVars" value="mp3=test.mp3|test2.mp3" /&gt;
    &lt;/object&gt;</pre>            
            <h3>Parameters</h3>
            <table  cellpadding="2" cellspacing="5" class="Help" summary="Player parameters">
                <thead>
                    <tr><th class="name">Name</th><th>Description</th></tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="name">mp3</td>
                        <td>The URLs of the files to be played, separated by <code>|</code>.</td>
                    </tr>
                    <tr>
                        <td class="name">config</td>
                        <td>The URL of the configuration text file, similar to <a href="config_multi.txt">config_multi.txt</a></td>
                    </tr>
                    <tr>
                        <td class="name">configxml</td>
                        <td>The URL of the configuration XML file, similar to <a href="config_multi.xml">config_multi.xml</a></td>
                    </tr>
                    <tr>
                        <td class="name">title</td>
                        <td>Titles, separated by <code>|</code></td>
                    </tr>
                    <tr>
                        <td class="name">playlist</td>
                        <td>The text file to load. Each line cantains the url of the mp3. You can add the title after a <code>|</code> on the same line.
                        Example: <a href="playlist.txt">playlist.txt</a></td>
                    </tr>
                    <tr>
                        <td class="name">width</td>
                        <td>Forces the video width.</td>
                    </tr>
                    <tr>
                        <td class="name">height</td>
                        <td>Forces the video height.</td>
                    </tr>
                    <tr>
                        <td class="name">volume</td>
                        <td>The initial volume, between <code>0</code> and <code>200</code>.</td>
                    </tr>
                    <tr>
                        <td class="name">showlist</td>
                        <td><code>0</code> to hide the playlist.</td>
                    </tr>
                    <tr>
                        <td class="name">showvolume</td>
                        <td><code>1</code> to show the VOLUME button.</td>
                    </tr>
                    <tr>
                        <td class="name">showinfo</td>
                        <td><code>1</code> to show the INFO button.</td>
                    </tr>
                    <tr>
                        <td class="name">autoplay</td>
                        <td><code>1</code> to auto-play</td>
                    </tr>
                    <tr>
                        <td class="name">loop</td>
                        <td><code>1</code> to loop.</td>
                    </tr>
                    <tr>
                        <td class="name">shuffle</td>
                        <td><code>1</code> to shuffle, <code>2</code> for a clever random.</td>
                    </tr>
                    <tr>
                        <td class="name">skin</td>
                        <td>The URL of the JPEG file (not progressive) to load</td>
                    </tr>
                    <tr>
                        <td class="name">loadingcolor</td>
                        <td>The color of loading bar</td>
                    </tr>
                    <tr>
                        <td class="name">bgcolor1</td>
                        <td>The first color of the background gradient</td>
                    </tr>
                    <tr>
                        <td class="name">bgcolor2</td>
                        <td>The second color of the background gradient</td>
                    </tr>
                    <tr>
                        <td class="name">buttoncolor</td>
                        <td>The color of the buttons</td>
                    </tr>
                    <tr>
                        <td class="name">buttonovercolor</td>
                        <td>Hover color of buttons</td>
                    </tr>
                    <tr>
                        <td class="name">slidercolor1</td>
                        <td>The first color of the bar gradient</td>
                    </tr>
                    <tr>
                        <td class="name">slidercolor2</td>
                        <td>The second color of the bar gradient</td>
                    </tr>
                    <tr>
                        <td class="name">sliderovercolor</td>
                        <td>Hover color of the bar</td>
                    </tr>
                    <tr>
                        <td class="name">textcolor</td>
                        <td>The text color.</td>
                    </tr>
                    <tr>
                        <td class="name">bgcolor</td>
                        <td>The background color</td>
                    </tr>
                    <tr>
                        <td class="name">playlistcolor</td>
                        <td>The playlist background color.</td>
                    </tr>
                    <tr>
                        <td class="name">playlistalpha</td>
                        <td>The playlist background transparency, between <code>0</code> and <code>100</code>. By default set to <code>50</code>.</td>
                    </tr>
                    <tr>
                        <td class="name">currentmp3color</td>
                        <td>The color of the selected track.</td>
                    </tr>
                    <tr>
                        <td class="name">scrollbarcolor</td>
                        <td>The color of the scrollbar.</td>
                    </tr>
                    <tr>
                        <td class="name">scrollbarovercolor</td>
                        <td>Hover color of the scrollbar.</td>
                    </tr>
                    <tr>
                        <td class="name">buttonwidth</td>
                        <td>The buttons width. By default set to <code>26</code>.</td>
                    </tr>
                    <tr>
                        <td class="name">sliderwidth</td>
                        <td>The slider width. By default set to <code>20</code>.</td>
                    </tr>
                    <tr>
                        <td class="name">sliderheight</td>
                        <td>The slider height. By default set to <code>10</code>.</td>
                    </tr>
                    <tr>
                        <td class="name">volumewidth</td>
                        <td>The width of the VOLUME button. By default set to <code>30</code>.</td>
                    </tr>
                    <tr>
                        <td class="name">volumeheight</td>
                        <td>The height of the VOLUME button. By default set to <code>6</code></td>
                    </tr>
                    <tr>
                        <td class="name">showslider</td>
                        <td><code>0</code> to hide the player bar.</td>
                    </tr>
                    <tr>
                        <td class="name">showloading</td>
                        <td>Loading bar display mode : <code>autohide</code>, <code>always</code> or <code>never</code>.</td>
                    </tr>
                    <tr>
                        <td class="name">playlistrss</td>
                        <td>The RSS url with mp3 enclosures.</td>
                    </tr>
                    <tr>
                        <td class="name">showplaylistnumbers</td>
                        <td><code>0</code> to hide numbers in the playlist.</td>
                    </tr>
                </tbody>
            </table>
            
            <h3>Keyboard shortcuts</h3>
            <table class="Help" summary="Player shortcuts">
                <thead>
                    <tr><th>Key</th><th>Description</th></tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="key"><kbd>space</kbd></td>
                        <td>Play/Pause</td>
                    </tr>
                    <tr>
                        <td class="key"><kbd>P</kbd></td>
                        <td>Play/Pause</td>
                    </tr>
                    <tr>
                        <td class="key"><kbd>S</kbd></td>
                        <td>Stop</td>
                    </tr>
                    <tr>
                        <td class="key"><kbd>I</kbd></td>
                        <td>Show informations</td>
                    </tr>
                    <tr>
                        <td class="key"><kbd>left</kbd></td>
                        <td>5 seconds backward</td>
                    </tr>
                    <tr>
                        <td class="key"><kbd>right</kbd></td>
                        <td>5 seconds forward</td>
                    </tr>
                    <tr>
                        <td class="key"><kbd>up</kbd></td>
                        <td>Next track</td>
                    </tr>
                    <tr>
                        <td class="key"><kbd>down</kbd></td>
                        <td>Previous track</td>
                    </tr>
                    <tr>
                        <td class="key"><kbd>+</kbd></td>
                        <td>Volume up</td>
                    </tr>
                    <tr>
                        <td class="key"><kbd>-</kbd></td>
                        <td>Volume down</td>
                    </tr>
                </tbody>
            </table>
         </div>
    </body>
</html>

